<?php
session_start();
?>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Add Customer</title>
<link rel="stylesheet" type="text/css" href="css/home.css">
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<script>
	$(document).ready(function() {
			$("#customer").css({"background-color":"#FFF",	
	"color":"#000"});
	//$("#datepicker").datepicker();
	//$("#datepicker" ).datepicker( "d MM, y", $(this).val());
    });
</script>

<style>
	#content{
		width:40%;
		margin:10px auto;
		opacity:0.8;
	}
	
	input, select{
		width:100%;
	}
	
	#tdrequire{
		text-align:right;	
	}

</style>

</head>

<body>

<!--menu-->
<?php
require "menu.php";
?>

<!--content-->
<div id="content">
<form action="customercontroller.php" method="post">
<table width="100%" border="0" cellspacing="0">
   <tr>
 	<td></td>
    <td id="tdrequire"><span id="require">*</span>: required value</td>
  </tr>
  <tr>
    <td>Customer Name<span id="require">*</span></td>
    <td><input name="txtCustomerName" type="text"></td>
  </tr>
   <tr>
    <td>Birthday</td>
    <td><input name="txtBirthday" type="text" id="datepicker"></td>
  </tr>
   <tr>
    <td>Email<span id="require">*</span></td>
    <td><input name="txtEmail" type="text"></td>
  </tr>
   <tr>
    <td>Phone<span id="require">*</span></td>
    <td><input name="txtPhone" type="text"></td>
  </tr>
   <tr>
    <td>House Number<span id="require">*</span></td>
    <td><input name="txtHouseNumber" type="text"></td>
  </tr> <tr>
    <td>Street<span id="require">*</span></td>
    <td><input name="txtStreet" type="text"></td>
  </tr>
   <tr>
    <td>Ward<span id="require">*</span></td>
    <td><input name="txtWard" type="text"></td>
  </tr>
   <tr>
    <td>District<span id="require">*</span></td>
    <td><input name="txtDistrict" type="text"></td>
  </tr> <tr>
    <td>City<span id="require">*</span></td>
    <td><input name="txtCity" type="text"></td>
  </tr> <tr>
    <td>Register Year<span id="require">*</span></td>
    <td>
    	<select name="cbRegisterYear">
        	<option value="2013">2013</option>
            <option value="2014">2014</option>
        </select>
    </td>
  </tr>
   <tr>
    <td>Register Month<span id="require">*</span></td>
    <td>
    	<select name="cbRegisterMonth">
        	<option value="1">January</option>
            <option value="2">February</option>
            <option value="3">March</option>
            <option value="4">April</option>
            <option value="5">May</option>
            <option value="6">June</option>
            <option value="7">July</option>
            <option value="8">August</option>
            <option value="9">September</option>
            <option value="10">October</option>
            <option value="11">November</option>
            <option value="12">December</option>
        </select>
    </td>
  </tr>
  <tr>
  	<td></td>
    <td><input name="btnAddCustomer" type="submit" value="Add Customer"></td>
    </tr>
</table>

</form>

</div>

<!--footer-->
<?php
require "footer.php";
?>

</body>
</html>